<div class="row">
    <div class="col-md-12">
        {php}
        if(isset($img)){
        {/php}
        <div id="echart" style="width: 100%;height:600px;">
            {php}
            foreach($img as $k => $v){
            {/php}
            <img src="{$v}" style="max-width: max-content" />
            {php}
            }
            {/php}
        </div>
        {php}
        }
        {/php}
    </div>
    <div class="col-md-12">
        <div class="panel panel-info">
            <div class="panel-heading">职业锚测试得分</div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table text-center table-bordered">
                        {php}
                        $str1 = '';
                        $str2 = '';
                        $ana = [];
                        $strong = '';
                        $nomal = '';
                        $weak = '';
                        foreach($assData['cates'] as $k => $v){
                        $str1 .= '<td>'.$v['name'].'</td>';
                        $str2 .= '<td>'.$assData['answers_ana'][$v['id']].'</td>';
                        $ana[$v['id']] = [
                        'name'  => $v['name'],
                        'score' => $assData['answers_ana'][$v['id']]
                        ];
                        if($assData['answers_ana'][$v['id']] > 16){
                        $strong .= $v['name'].',';
                        }elseif($assData['answers_ana'][$v['id']] > 8 && $assData['answers_ana'][$v['id']] <=16){
                        $nomal .= $v['name'].',';
                        }else{
                        $weak .= $v['name'].',';
                        }
                        }
                        $strong = trim($strong,',');
                        $nomal = trim($nomal,',');
                        $weak = trim($weak,',');
                        {/php}
                        <tr class="active"><th>成绩</th>{$str1}</tr>
                        <tr><th>得分</th>{$str2}</tr>
                    </table>
                </div>

            </div>
        </div>

        <div class="panel panel-info">
            <div class="panel-heading">职业倾向测评分析详解</div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-bordered mb0 analysis">
                        <thead>
                        <tr class="active">
                            <th width="180">类型</th>
                            <th>详解</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>技术型（TF）</td>
                            <td class="text-left">愿意展示自己的技能，并不断提升自己的技术，发挥更为专业的能力。希望通过施展自己的技能以获取别人认可，并乐于接受来自于专业领域的挑战。</td>
                        </tr>
                        <tr>
                            <td>管理型（GM）</td>
                            <td class="text-left">追求组织中的管理职位，喜欢发号施令，领导众人，因此能够整合其他人的工作，并对组织中某项工作的绩效承担责任。</td>
                        </tr>
                        <tr>
                            <td>自主型（AU）</td>
                            <td class="text-left">希望可以按照自己的方式工作和生活，总能提供足够的灵活性，无法忍受公司种种的约束，追求无拘无束。</td>
                        </tr>
                        <tr>
                            <td>安全型（SE）</td>
                            <td class="text-left">喜欢稳定的职位，更为强调财务安全和就业安全，关注五险一金、养老金以及税收。对组织忠心耿耿，可以长久地从事某一行业。</td>
                        </tr>
                        <tr>
                            <td>创造型（EC）</td>
                            <td class="text-left">冒险能力强，手腕强硬，希望向周围的人证明你有能力创建一家企业，并且能够全方位的学习，以此来实现自己的创业计划。</td>
                        </tr>
                        <tr>
                            <td>服务型（SV）</td>
                            <td class="text-left">追求职业的价值取向，希望可以做一些利于他人的事，例如教育、环保、公益、慈善等。富有爱心，安全感和同情心。</td>
                        </tr>
                        <tr>
                            <td>挑战型（CH）</td>
                            <td class="text-left">总是跃跃欲试，希望战胜强硬的对手和克服面临的困难。多层次的、复杂的情况对你来说是一剂强心针，厌倦简单及重复的工作。</td>
                        </tr>
                        <tr>
                            <td>生活型（LS）</td>
                            <td class="text-left">家庭的需求和你个人的休息对你来说非常重要，因此你希望职业有足够的弹性，能让你平衡并整合个人的、家庭的和职业的矛盾，并且让他们协调统一地共同发展。</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>